<template>
  <div>
    <HelloWorld :list="setList" @myClick='addList'>
      <slot>23456</slot>
    </HelloWorld>
    <ul>
      <li v-for="item in setList">{{item}}</li>
    </ul>
    <Button>
<!--      <template v-slot:header>-->
<!--        <h1>Here might be a page title</h1>-->
<!--      </template>-->
      <slot name="header">000000</slot>
      <slot>23456</slot>
    </Button>
  </div>
</template>

<script>
  import HelloWorld from '@/components/HelloWorld'
  import Button from '@/components/slot'

  export default {
    name: "home",
    components: {
      HelloWorld,
      Button
    },
    data: function () {
      return {
        setList: [1, 2, 3, 4, 5, 6, 7, 8]
      }
    },
    methods: {
      addList: function (value) {
        console.log(value)
        // this.setList.push(10)
      }
    }
  }
</script>

<style scoped>

</style>
